 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); ?>
 <script type="text/javascript">
 jQuery(window).load(function() {
		$('#slider').nivoSlider({
		    effect: 'boxRandom',
			startSlide:         0, //Set starting Slide (0 index)
			animSpeed:          200, //Slide transition speed
			pauseTime:          4000,
			captionOpacity:     0.6, //Caption Opacity
			directionNavHide:   true, //Only show on hover
			pauseOnHover: false,//Stop animation while hovering
	        directionNav: true
		});
	});
 </script>
<div class="top"> 
   <div class="slide">
        <div class="slide-inner">
            <div id="slider" class="nivoSlider">			    
                <img src="<?php echo STATIC_DOMAIN?>skins/default/images/slider.png" alt="" />                
                <img src="<?php echo STATIC_DOMAIN?>skins/default/images/toystory.png" alt="" />
				<img src="<?php echo STATIC_DOMAIN?>skins/default/images/nemo.png" alt="" />
                <img src="<?php echo STATIC_DOMAIN?>skins/default/images/up.png" alt="" />
            </div>
        </div>
        <!--end slide-inner-->
    </div>    
</div>    
<div class="middle">
        <div class="middle-inner group">
            <div class="col1">
                <h3>
                    <?php echo $gioithieu_vcc[0]['title']?></h3>
                <img alt="" src="<?php echo base_url("uploads/images/".$gioithieu_vcc[0]['image'])?>" class="ava" />
                <p>
                  <?php echo $gioithieu_vcc[0]['content']?>
                </p>
                <p class="readmore">
                    <a href="<?php echo base_url("landing/content/".$gioithieu_vcc[0]['id'])?>">Xem chi tiết...</a></p>
            </div>
            <!--end col1-->
            <div class="col2">
                <h3> <?php echo $gioithieu_adword[0]['title']?></h3>
                <img alt="" src="<?php echo base_url("uploads/images/".$gioithieu_adword[0]['image'])?>" class="ava" />
                <p> 
                <?php echo $gioithieu_adword[0]['content']?>
                </p>
                <p class="readmore">
                    <a href="<?php echo base_url("landing/content/".$gioithieu_adword[0]['id'])?>">Xem chi tiết...</a></p>
            </div>
            <!--end col2-->
            <div class="col3">
                <h3> <?php echo $gioithieu_flow[0]['title']?>
                   </h3>
                <img alt="" src="<?php echo base_url("uploads/images/".$gioithieu_flow[0]['image'])?>" />
                <p class="readmore">
                    <a href="<?php echo base_url("landing/content/".$gioithieu_flow[0]['id'])?>">Xem chi tiết...</a></p>
            </div>
            <!--end col3-->
            <div class="col4">
                <h3>
                    Chứng nhận</h3>
                <img alt="" src="<?php echo STATIC_DOMAIN?>skins/default/images/1.png" />
                <div class="share">
                    <a href="#">
                        <img alt="" src="<?php echo STATIC_DOMAIN?>skins/default/images/f.png" /></a> <a href="#">
                            <img alt="" src="<?php echo STATIC_DOMAIN?>skins/default/images/s.png" /></a> <a href="#">
                                <img alt="" src="<?php echo STATIC_DOMAIN?>skins/default/images/y.png" /></a>
                </div>
                <div class="hotline">
                    <h4>
                        <img alt="" src="<?php echo STATIC_DOMAIN?>skins/default/images/phone.png" />Hotline</h4>
                    <p>
                        0936 112 527
                    </p>
                </div>
            </div>
            <!--end col4-->
        </div>
        <!--end middle-inner"-->
    </div>